<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
    
    <script>
        $.ajax({
            url:"mock/user.json",
            success:function(data){
                console.log("查询到的用户:"+data.id)
                $.ajax({
                    url:"mock/user_course_${data.id}.json",
                    success:function(data){
                        console.log("查询到的用户的分数:"+data.source)
                    },
                    error:function(error){
                    }
                })
            },
            error:function(error){
            }
        })
        
        //简化promise封装异步操作
        let p = new Promise((resolve,reject)=>{
            //1.异步操作
            $.ajax({
                url:"mock/user.json",
                success:(data)=>{
                    resolve(data)
                },
                error:(error)=>{
                    reject(error)
                }
            })
        })
        //成功
        p.then((obj)=>{
            console.log("查询用户成功"+obj.id)
            return new Promise((resolve,reject)=>{
                //1.异步操作
                    $.ajax({
                    url:"mock/user_course_${obj.id}.json",
                    success:(data)=>{
                        console.log("查询到的用户课程成功:"+data)
                        resolve(data)
                    },
                    error:(error)=>{
                        reject(error)
                    }
                })
            })
        
        }).then((obj)=>{
            console.log("查询到的用户的分数:"+data.source)
        })

        function get(url,data){
            return new Promise((resolve,reject)=>{
                $.ajax({
                    url:url,
                    data:data,
                    success:function(data){
                        resolve(data)
                    },
                    error:function(error){
                        reject(error)
                    }
                })
            })
        }
        get("mock/user.json")
            .then((data)=>{
                console.log("查询到的用户:"+data.id)
                return get("mock/user_course_${data.id}.json")
            })
            .then((data)=>{
                console.log("查询到的用户的分数:"+data.source)
            })
            .catch((error)=>{
                console.log("出现异常:"+error)
            })
    </script>
</body>
</html>